@extends('layouts._main')

@section('title','电子发票')

@section('css')
    <style>
        body{
            background-color: #ECECEC;
        }
        .clear{
            clear: both;
        }
        .top{
            background-color: #fff;
        }
        .scan{
            padding: 15px 15px;
            font-size: 14px;
            color: #F942A0;
            width: 80%;
            text-align: center;
            margin: 0 auto;
        }
        .is_scan{
            padding: 10px 15px;
            font-size: 14px;
            color: #aaa;
        }
        .list{
            background-color: #fff;
            padding: 10px 15px;
            padding-right: 0px;
            margin-bottom: 15px;
        }
        .weui-icon-checked{
            vertical-align: top;
        }
        .weui-cell__hd,.money{
            display: inline-block;
        }
        .money{
            color: #F942A0;
            float: right;
            width: 50px;
        }
        .title_store{
            font-size: 18px;
        }
        .bo{
            padding: 0 10px 5px 0px;
            line-height: 24px;
        }
        .come_from,.extra p,.money{
            font-size: 14px;
        }
        .come_from,.extra p{
            color: #333;
        }
        .desc{
            float: right;
            width: 86%;
        }
        .extra{
            border-top: 1px solid #ddd;
            padding: 10px 0 0 0;
            line-height: 18px;
        }
        .weui-cell {
            padding: 0px;
        }

        .weui-cell_access .weui-cell__ft:after {
            content: " ";
            display: inline-block;
            height: 8px;
            width: 8px;
            border-width: 1px 1px 0 0;
            border-color: #aaa;
            border-style: solid;
            -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
            transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
            position: relative;
            top: -2px;
            position: absolute;
            top: 50%;
            margin-top: -4px;
            right: 2px;
        }
    </style>
@endsection

@section('container')
    <div class="body">
        <div class="top">
            <div class="scan">扫描小票条形码添加开票订单</div>
        </div>

        <div class="is_scan">
            可开发票的订单
        </div>

        <ul class="list_body">
            <li class="list">

                <div class="weui-cell__hd weui-cells_checkbox">
                    <label class="weui-cell weui-check__label" for="1">
                    <input type="checkbox" class="weui-check" name="checkbox[]" id="1" checked="checked">
                    <i class="weui-icon-checked"></i>
                    </label>
                </div>

                <div class="desc">
                    <div class="bo">
                        <div class="title_store">杭州解百
                            <div class="money weui-cell_access">￥60 <span class="weui-cell__ft"></span></div>
                        </div>
                        <p class="come_from">来自 默默 专柜</p>
                    </div>

                    <div class="extra">
                        <p>小票号</p>
                        <p>交易时间 2018-05-01</p>
                    </div>
                </div>
                <div class="clear"></div>
            </li>

            <li class="list">

                <div class="weui-cell__hd weui-cells_checkbox">
                    <label class="weui-cell weui-check__label" for="2">
                        <input type="checkbox" class="weui-check" name="checkbox[]" id="2" checked="checked">
                        <i class="weui-icon-checked"></i>
                    </label>
                </div>

                <div class="desc">
                    <div class="bo">
                        <div class="title_store">杭州解百
                            <div class="money weui-cell_access">￥60 <span class="weui-cell__ft"></span></div>
                        </div>
                        <p class="come_from">来自 默默 专柜</p>
                    </div>

                    <div class="extra">
                        <p>小票号</p>
                        <p>交易时间 2018-05-01</p>
                    </div>
                </div>
                <div class="clear"></div>
            </li>
        </ul>

    </div>
@endsection

@section('js')

    <script>

    </script>
@endsection